

<%--
  Created by IntelliJ IDEA.
  User: miriam
  Date: 4/29/11
  Time: 10:09 AM
  To change this template use File | Settings | File Templates.
--%>

<html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta name="layout" content="main" />
      <g:javascript library="jquery" plugin="jquery"/>
      <g:javascript library="prototype" />
      <title>Rate My Ma(gi)c Class FAQ</title>
    </head>
   <body style="margin-left:50px;margin-right:150px;">
   <div class="nav" style="text-align:center;">
        <span class="menuButton"><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></span>
        <span class="menuButton"><g:link controller="course" class="list" action="list">List of Courses</g:link></span>
        <span class="menuButton"><g:link controller="professor" class="list" action="list">List of Professors</g:link></span>
        <span class="menuButton"><g:link controller="course" class="list" action="faq">FAQ</g:link></span>
        </div>

   <div id ="pageBody" style="align:center">
       <h1>Looking for a Course or a Professor?</h1>
       <table>
           <tr><td>
               <div class=findCourseForm>
                  <g:formRemote url="[action:'findClass']" update="ajax" name = "searchWord">
                      <g:textField name="searchWord" value="${params.searchWord}"/>
                      <span class="searchButton"><g:submitButton name="findClass" value="Find A Class"/></span>
                  </g:formRemote>
                   <div class="suggestion" style="font-style:italic;">eg. "COMP", "124", "History", "Charms" </div>
               </div>
           </td></tr>
           <tr><td>
               <div class=findProfessorForm >
                   <g:formRemote url="[action:'findProfessor', controller:'professor']" update="ajax" name = "searchWord">
                       <g:textField name="searchWord" value="${params.searchWord}"/>
                       <g:submitButton name="findProfessor" value="Find A Professor"/>
                   </g:formRemote>
                   <div class="suggestion" style="font-style:italic;"><p>Search for professor's full name (Search "Michael" instead of "Mike") and match cases ("Michael" instead of "michael"). </p>
                   <p>eg. "Snape", "Johnson", "Elizabeth" </p> </div>

               </div>
           <td></tr>



        </table>
       <br />
       <div id="ajax"></div>
   </div>
  </body>
</html>